{% extends 'common/panel.html' %}

{% block title %}SMP Characterization Site Report{% endblock %}
{% block panel %}

<div class='freetext'>
<h3>Land Use <!--<small><small>[<a id="landuse_su_link" href="javascript:toggleDiv('landuse_su', 'landuse_su_link');">Learn More</a>]</small></small>-->
    <img src="/media/wmm/img/info.png" id="info_smp_shoreline_use_landuse" class="smp_info"/>
</h3>
<div id="landuse_su" style="display: none">
    <p>The inclusion of current land use can help identify undeveloped shoreline parcels, redevelopment lots, and existing land uses that may conflict with proposed shoreline uses.
    <p>Reports the land use area by type within your SMP Characterization Site, based on 2010 Landuse, WA DoE, 2011.
</div>
<p>
<table  style='width:430px' class='analysis_container'>
    <tbody>
        <tr class="grey">
            <td><b>Undeveloped</b></td>
            <td></td>
            <td><b>Residential</b></td>
        </tr>
        <tr>
            {% if undeveloped_area == 0.0 %}
            <td>None Found</td>
            {% else %}
            <td>{{undeveloped_area|floatformat:2}} sq miles</td>
            {% endif %}
            <td></td>
            {% if residential_area == 0.0 %}
            <td>None Found</td>
            {% else %}
            <td>{{residential_area|floatformat:2}} sq miles</td>
            {% endif %}
        </tr>
    </tbody>
</table>
<table  style='width:430px' class='analysis_container'>
    <tbody>
        <tr class="grey">
            <td><b>Manufacturing</b></td>
            <td><b>Transportation</b></td>
            <td><b>Trade</b></td>
        </tr>
        <tr>
            {% if manufacturing_area == 0.0 %}
            <td>None Found</td>
            {% else %}
            <td>{{manufacturing_area|floatformat:2}} sq miles</td>
            {% endif %}
            {% if transportation_area == 0.0 %}
            <td>None Found</td>
            {% else %}
            <td>{{transportation_area|floatformat:2}} sq miles</td>
            {% endif %}
            {% if trade_area == 0.0 %}
            <td>None Found</td>
            {% else %}
            <td>{{trade_area|floatformat:2}} sq miles</td>
            {% endif %}
        </tr>
    </tbody>
</table>
<table  style='width:430px' class='analysis_container'>
    <tbody>
        <tr class="grey">
            <td><b>Services</b></td>
            <td></td>
            <td><b>Cultural</b></td>
        </tr>
        <tr>
            {% if service_area == 0.0 %}
            <td>None Found</td>
            {% else %}
            <td>{{service_area|floatformat:2}} sq miles</td>
            {% endif %}
            <td></td>
            {% if cultural_area == 0.0 %}
            <td>None Found</td>
            {% else %}
            <td>{{cultural_area|floatformat:2}} sq miles</td>
            {% endif %}
        </tr>
    </tbody>
</table>
<h3>Marine Infrastructure <!--<small><small>[<a id="infrastructure_link" href="javascript:toggleDiv('infrastructure', 'infrastructure_link');">Learn More</a>]</small></small>-->
    <img src="/media/wmm/img/info.png" id="info_smp_shoreline_use_infrastructure" class="smp_info"/>
</h3>
<div id="infrastructure" style="display: none">
    <p>Marine infrastructure can be important for considering future shoreline uses (along with current land use) to identify conflicts of public access, marinas, docks, etc with current land use. 
</div>
<p>
<table  style='width:430px' class='analysis_container'>
    <tbody>
        <tr class="grey">
            <td></td>
            <td><b>Number of Structures by Type</b>
                <img src="/media/wmm/img/info.png" id="info_smp_shoreline_use_structures" class="smp_info"/>
            </td>
            <td></td>
        </tr>
        {% if structure_tuples.0 %}
        {% for tuple in structure_tuples %}
        <tr>
            <td></td>
            <td>{{tuple.0}} ({{tuple.1}})</td>
            <td></td>
        </tr>
        {% endfor %}
        {% else %}
        <tr>
            <td></td>
            <td>None Found</td>
            <td></td>
        </tr>
        {% endif %}
    </tbody>
</table>
<table  style='width:430px' class='analysis_container'>
    <tbody>
        <tr class="grey">
            <td></td>
            <td><b>Nearest Public Access Site</b>
                <img src="/media/wmm/img/info.png" id="info_smp_shoreline_use_public_access" class="smp_info"/>
            </td>
            <td></td>
        </tr>
        {% for site in access_sites %}
        <tr>
            <td></td>
            <td>{{site.1}} ({{site.0|floatformat:1}} miles)</td>
            <td></td>
        </tr>
        {% endfor %}
    </tbody>
</table>

<p></p>

</div>
{% endblock %}